<script setup>
import { getAssetsImage } from '@/utils/tools';

const pageList = [
  {
    name: '配置管理',
    icon: 'home_menu_item.png',
    link: { name: 'EDCC03' }
  },
  {
    name: '页面管理',
    icon: 'home_menu_item.png',
    link: { name: 'EDFA00' }
  },
  {
    name: '我的工时',
    icon: 'home_menu_item.png',
    link: { name: 'MyWorkingHours' }
  },
  {
    name: '工时填报',
    icon: 'home_menu_item.png',
    link: { name: 'CommitWorkingHours' }
  },
  {
    name: '出差请假',
    icon: 'home_menu_item.png',
    link: { name: 'MyVacationRequest' }
  },
  {
    name: '请假申请',
    icon: 'home_menu_item.png',
    link: { name: 'VacationRequest' }
  }
];
</script>

<template>
  <XPage title="页面示例" header left-arrow>
    <van-grid :border="false" class="menu-grid">
      <van-grid-item
        v-for="(item, index) in pageList"
        :key="index"
        :text="item.name"
        :icon="getAssetsImage(item.icon)"
        :to="item.link"
      />
    </van-grid>
  </XPage>
</template>

<style lang="stylus" scoped></style>
